<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>继承的应用</title>
</head>
<body>
<script>
    //在中 vue自动的帮我们把所有的组件 都实现了继承Vue
    //React Angular 1+
    //React组件
    class Dialog extends React.Component{
        constructor(props) {
            super(props);
        }
        componentWillMount(){

        }


    }

    Vue.component({
        props:["name"],
        data(){
            return{}
        },
        created(){

        },
        mounted(){

        }
    })


    class Utils{
        //公用的方法
        toType = function (data){
            let typeStr = Object.prototype.toString.call(data);
            return typeStr.replace(/\[object (\S+)\]/,'$1')
        }

        isFunction = function (){
            return true
        }
        //节流
        //防抖
        //深拷贝
    }

    window.Utils = {
        //数据类型判断
        toType : function (data){
            let typeStr = Object.prototype.toString.call(data);
            return typeStr.replace(/\[object (\S+)\]/,'$1')
        },

        isFunction : function (){
            return true
        }
        //节流
        //防抖
        //日期格式化
        //深拷贝
    }
    Utils.toType("")


    class Dialog extends Utils{
        constructor() {
            super();
        }

        onShow(){
            //数据类型判断
            this.toType("12345")

        }


    }






</script>
</body>
</html>